.cancel{
	width: 100%;
	height: .8rem;
	background: black;
	margin-bottom: .05rem;
}
.Xtitle{
	width: 100%;
	height:1rem;
	background:#6D6560 ;
}
.Xtitle-in{
	color: white;
	font-size: .5rem;
	padding: .3rem .5rem;
	float: left;
}
.Xtitle-in1{
	color: white;
	font-size: .35rem;
    padding: .2rem .0rem;
	float: left;
}
.grid{
	width: 80%;
	margin: .2rem 10%;
	height:.8rem;
	background:#F3EDE7;

}
.grid-1{
	width: 40%;
	height: .8rem;
	font-size: .35rem;
	background: #e5dbcd;
	float: left;
	border-radius: 10px 0 0 10px;
	border: 1px solid #ccc;
	border-right: none;
	/*padding: .2rem .45rem;*/
	text-align: center;
	margin: 0 auto;
	line-height: .8rem;
	
}
.grid-2{
	width: 60%;
	height:.8rem;
	float: right;	
	border-radius: 0 10px 10px 0;

}
.grid-3{
	margin-top:-.25rem;
	padding-top: -2rem;
	padding-left: .2rem;
}
.grid-4{
	padding-top:.1rem;
}
.grid-5{
	width: 60%;
	height:.8rem;
	float: right;
	background:#F3EDE7;
	border-radius: 0 10px 10px 0;
}
.ui-alert1{
	width: 100%;
	color: black;
	height: .8rem;	
	padding-top: .2rem;	
	padding-left: .5rem;
	border-radius: 0 10px 10px 0;
	border: 1px solid #ccc;

}
.ui-alert3{
	width: 100%;
	font-size: .3rem;
	color: black;
	height: .8rem;	
	padding-top: .2rem;	
	padding-left: 1.5rem;
	border-radius: 0 10px 10px 0;
	border: 1px solid #ccc;

}
.mybtn{
	width: 90%;
	color: white;
	font-size: .3rem;
	font-weight: 700;
	background: #E4DBCC;
	border: none;
	height: 35px;
	bottom: 0px;
	margin-left: 5%;
	border-radius: 8px;
}
.card{
	width: 100%;
	height: 1.2rem;
	background:#F2ECE7 ;
}
.type{
	font-size: .35rem;
	width:33.3%;
	float: left;
	padding: .2rem .2rem .1rem .2rem;
}
.hour{
	font-size: .35rem;
	width:33.3%;
	float: left;
	padding: .2rem;
}
.circle{
	width: .4rem;
	height: 1rem;
	padding: .4rem .4rem;
	float: left;
}
/*蓝色*/
.status-1{
	font-size: .35rem;
	color: #5C72FF;
	width:20%;
	float: left;
	padding: .2rem 0rem;
}
/*绿色*/
.status-2{
	font-size: .35rem;
	color: #0FA36D;
	width:20%;
	float: left;
	padding: .2rem 0rem;
}
/*红色*/
.status-3{
	font-size: .35rem;
	color: #DD3C5B;
	width:20%;
	float: left;
	padding: .2rem 0rem;
}
/*黄色*/
.status-4{
	font-size: .35rem;
	color: #DDA00A;
	width:20%;
	float: left;
	padding: .2rem 0rem;
}
/*棕色*/
.status-5{
	font-size: .35rem;
	color: #6D6560;
	width:20%;
	float: left;
	padding: .2rem 0rem;
}
.time{
	font-size: .25rem;
	color: #A8AEB3;
	width:45%;
	float: left;
	margin-top:-.1rem;
	
}
.time1{
	font-size: .3rem;
	color: #A8AEB3;
	width:45%;
	float: left;
	margin-top:-.1rem;
	
}
.circle-p{
	width: .2rem;
	height: .2rem;
	background: #5C72FF;
	border-radius: 30px;
	border: 1px solid #C4CACE;

	
}
.circle-p1{
	width: .2rem;
	height: .2rem;
	background: #5C72FF;
	float: left;
	border-radius: 30px;
	border: 1px solid #C4CACE;
    margin: .4rem .2rem;
	
}
.circle-y{
	width: .2rem;
	height: .2rem;
	background: #DDA00A;
	border-radius: 30px;
	border: 1px solid #C4CACE;

	
}
.circle-y1{
	width: .2rem;
	height: .2rem;
	background: #DDA00A;
	float: left;
	border-radius: 30px;
	border: 1px solid #C4CACE;
    margin: .4rem .2rem;
	
}
.circle-b{
	width: .2rem;
	height: .2rem;
	background: #6D6560;
	border-radius: 30px;
	border: 1px solid #C4CACE;

	
}
.circle-b1{
	width: .2rem;
	height: .2rem;
	background: #6D6560;
	float: left;
	border-radius: 30px;
	border: 1px solid #C4CACE;
    margin: .4rem .2rem;
	
}
.circle-g{
	width: .2rem;
	height: .2rem;
	background: #0FA36D;
	border-radius: 30px;
	border: 1px solid #C4CACE;
	
}
.circle-g1{
	width: .2rem;
	height: .2rem;
	background: #0FA36D;
	float: left;
	border-radius: 30px;
	border: 1px solid #C4CACE;
    margin: .4rem .2rem;
	
}
.circle-r{
	width: .2rem;
	height: .2rem;
	background: #DD3C5B;
	border-radius: 30px;
	border: 1px solid #C4CACE;

	
}
.circle-r1{
	width: .2rem;
	height: .2rem;
	background: #DD3C5B;
	float: left;
	border-radius: 30px;
	border: 1px solid #C4CACE;
    margin: .4rem .2rem;
	
}
.foot-img{
	font-size: 1rem;
	width: 1.2rem;
	height: 1.2rem;
	padding-top: .2rem;
}
.foot-img-in{
	font-size: 1rem;
	color: #C0BEBE;
}
a:visited{
	color:white;
	background: #B2A59B;
}
.mui-badge{
	background: red;
	color: white;
	float: right;
	margin-left: -5rem;
	margin-top:-.5rem;
}
.card-audit{
	width: 100%;
	height: 2.2rem;
	background:#F2ECE7 ;
}

.reason{
	width: 85%;
	font-size: .3rem;
	color: #A8AEB3;
	float: left;
	padding-top: .12rem;
}
.reason-title{
	float:left;
	font-size: .3rem;
	color: #A8AEB3;width: 15%;
	padding: .12rem 0 0 .4rem;
	
}
.tab-in{
	margin-top: -.2rem;
	color: black;
	font-size: 1.2rem;
}
.mui-slider-handle{
	background: #F3EDE7;
}
.mui-badge{
	background: red;color: white;float: right;margin-left: -5rem;margin-top:-.5rem;
}
